//中文
var data_zh = ['小朋友','你知道吗', '六月', '一日', '星期一', '是', '儿童节'];
//英语
var data_en = ['Children','do you know', 'June', 'One day', 'Monday', 'Yes', 'Children\'s day'];

//获取左侧的语言显示
var btn_if = document.querySelectorAll("#btn_if button");

//获取右侧的语言显示
var btn_that = document.querySelectorAll("#btn_that button");

//获取点击切换语言
var btn_swap = document.querySelector("#btn_swap");

//获取左侧文本域的内容
var text_if = document.querySelector("#text_if");

//获取右侧文本域的内容
var text_that = document.querySelector("#text_that");

//获取点击翻译
var btn_res = document.querySelector("#btn_res");


//设置默认语言是中文
var lang = 'zh';

//切换语言
function lan(){

    //切换默认语言，如果是中文的话
    if (lang == 'zh'){
        //就让它变成英文
        lang = 'en';
    }else{
        //如果是英文就变成中文
        lang = 'zh';
    }

    //用for循环把左侧和右侧里面的按钮样式清除
    for(var i = 0; i<btn_if.length; i++){
        btn_if[i].classList.remove("btn-primary");
        btn_if[i].classList.remove("btn-light");
        btn_that[i].classList.remove("btn-primary");
        btn_that[i].classList.remove("btn-light");
    }

    //然后在进行语言判断
    switch(lang){

        //如果内容是中文的话
        case 'zh' :
            btn_if[0].classList.add("btn-primary");
            btn_if[1].classList.add("btn-light");
            btn_that[0].classList.add("btn-primary");
            btn_that[1].classList.add("btn-light");
            break;

        //如果内容是英文的话
        case 'en' :
            btn_if[0].classList.add("btn-light");
            btn_if[1].classList.add("btn-primary");
            btn_that[0].classList.add("btn-light");
            btn_that[1].classList.add("btn-primary");
            break;
    }
}


//点击翻译按钮的方法
function res(){

    //设变量为检测数据库里有没有输入的词汇
    var if_text = false;

    //看看中文词库里有没有这个词汇
    for(var z in data_zh){
        if (text_if.value == data_zh[z]){
            if_text = true;
            text_that.value = data_en[z];


            //如果在中文语言里输入的是英文那么它会跟据lan()参数里转换成英文语言
            if(lang == 'en'){
                lan();
            }
        }
    }

    //看看英文词库里有没有这个词汇
    for(var y in data_en){
        if (text_if.value == data_en[y]){
            if_text = true;
            text_that.value = data_zh[y];

            //如果在英语语言里输入的是中文那么它会跟据lan()参数里转换成中文语言
            if(lang == 'zh'){
                lan();
            }
        }
    }


    //如果词库里没有相关的词汇就会弹出无法翻译
    if(!if_text){
        text_that.value = '';
        alert("无法翻译！")
    }
}